<div class="modzzz_location_default_padding">
	
	<div>
	<bx_text:_modzzz_location_map_search_what />
	</div>
	<div>  
 		<select id="itemSelect">
			<option value="location"><bx_text:_modzzz_location /></option>
			<option value="food"><bx_text:_modzzz_location_food /></option>
			<option value="transport"><bx_text:_modzzz_location_transport /></option>
			<option value="event"><bx_text:_modzzz_location_event /></option>
			<option value="hotel"><bx_text:_modzzz_location_hotel /></option>
			<option value="nightlife"><bx_text:_modzzz_location_nightlife /></option>
			<option value="school"><bx_text:_modzzz_location_school /></option>
			<option value="service"><bx_text:_modzzz_location_service /></option>
			<option value="shop"><bx_text:_modzzz_location_shop /></option> 
		</select> 
 	</div>

	
	<div>
	<bx_text:_modzzz_location_map_search_explanation />
	</div>
	<div> 
		<input type="hidden" id="zoom" value="__zoom__"/>
		<input type="hidden" id="lat" value="__lat__"/>
		<input type="hidden" id="long" value="__long__"/>

		<input type="text" id="addressInput" size="30" value="__city_country__" />
		<select id="radiusSelect">
			<option value="5">5 __distance_type__</option>
			<option value="10">10 __distance_type__</option>
			<option value="25">25 __distance_type__</option>
			<option value="50">50 __distance_type__</option>
			<option value="100">100 __distance_type__</option>
			<option value="200">200 __distance_type__</option>
		</select>

		<input type="button" onclick="searchLocations('__base_uri__')" value="Search"/>
	</div>
	<div><select id="locationSelect" style="width:100%;visibility:hidden"></select></div>
	<div id="map" style="height:300px"></div>
</div>
<script type='text/javascript'>
var iDistance = __distance__;
var opts = document.getElementById('radiusSelect').options; 
for(var i in opts){ 
    if(opts[i].value==iDistance){
		opts[i].selected = true;	
	}
} 
</script>